<html>
    <head>
        <meta charset='utf-8'>
        <link rel="stylesheet" type="text/css" href="jquery-ui.min.css">
        <script src="external/jquery/jquery.js"></script>
        <script src="jquery-ui.min.js"></script>	
		<style>
			.ui-button {font-size: 13px;}
		</style>		
    </head>
    <body>
		<div id="progress"></div>
		<p><button id="getVal">Получить значение</button></p>
		<p><input type="text" id="val" /> <button id="setVal">Установить значение</button></p>
		<script type="text/javascript">
		$(function(){
				 
			$('#progress').progressbar({value:25});
			$('#getVal').button().click(function(){
				// получаем значение
				var val=$('#progress').progressbar('option', 'value');
				alert("Значение индикатора: "+val);
			});
			$('#setVal').button().click(function(){
				// устанавливаем значение
				var val = parseInt($('#val').val());
				if(val>100 || val<0){
					alert('Введено недопустимое значение');
				}
				else{
					$('#progress').progressbar('option', 'value', val);
				}
			});
		});
		</script>
    </body>
</html>